<include file="News/header" />
<div id="news-lists" class="page">
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left back" href="{:U('News/index')}"> <span class="icon icon-left"></span> 返回
        </a>
        <a class="button button-link button-nav pull-right open-popup" data-popup=".popup-about"> <span class="icon icon-menu"></span>
        </a>
        <h1 class="title">{$catname}</h1>
    </header>
    <div class="content infinite-scroll" data-distance="100">
        <input type="hidden" id="catid" value="{$catid}">
        <div class="list-block media-list">
            <ul class="list-container">
                <foreach name="page_list" item="item">
                <li class="item-content" data-id="{$item.id}">
                    <div class="item-inner">
                        <empty name="item.thumb">
                        <div class="item-title-row"><a href="{:U('News/show?id='.$item['id'])}">{$item.title}</a></div>
                        <div class="item-subtitle">
                            <span class="source">{$item.catname}</span><span class="time">{$item.create_time}</span>
                        </div>
                        <else />
                        <div class="has-image">
                            <div class="item-title-row"><a href="{:U('News/show?id='.$item['id'])}">{$item.title}</a></div>
                            <div class="item-subtitle">
                                <span class="source">{$item.catname}</span><span class="time">{$item.create_time}</span>
                            </div>
                        </div>
                        <a href="{:U('News/show?id='.$item['id'])}" class="image"><img src="{$item.thumb}"></a>
                        </empty>
                    </div>
                </li>
                </foreach>
            </ul>
        </div>
        <!-- 加载提示符 -->
        <notempty name="next">
        <div class="infinite-scroll-preloader">
            <div class="preloader"></div>
        </div>
        </notempty>
    </div>
</div>
<include file="News/footer" />